<template>
  <div class="shop">
    <NavBar></NavBar>
    <div class="shopDetail">
      <div class="shopDetail-swiper">
        <van-image :src="shopDetailImg" />
      </div>
      <div class="shopDetail-head">
        <div class="name">{{detailForm.name}}</div>
        <div class="price">{{detailForm.price}} /{{detailForm.unit}}</div>
        <div class="introduct">{{detailForm.introduct}}</div>
        
      </div>
    </div>
    <TabBar></TabBar>
  </div>
</template>

<script setup lang="ts">
import { NavBar, TabBar, PopularList } from "../../components"
const shopDetailImg: string = "../../src/assets/img/fruite_01.png"
let num: number = 0
let detailForm: any = {
  name: "Red Apple",
  price: "4.99",
  unit: "kg",
  introduct: "Golden Ripe Alphonsa mangoes delivered to your house in the most hygenic way ever... Best for eating plain but can also be made into shakes and cakes.",
  favourtie: true,
  num: 0,
}
</script>
<style scoped lang="less">
.shopDetail {
  
}
</style>